<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">

    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>  
        <link type="text/css" rel="stylesheet" media="screen" href="css/estilos.css" />
        <script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
        <script type="text/javascript" src="js/archivo.js"></script>
        <script type="text/javascript" src="js/jquery-ui-1.8.7.custom.min.js"></script>
        <link type="text/css" rel="stylesheet" media="screen" href="css/jquery-ui-1.8.7.custom.css" />        
        <script src="js/carousel.js" type="text/javascript"></script>
        <script type="text/javascript" src="js/jquery.fancybox-1.3.4.pack.js"></script>
        <link rel="stylesheet" type="text/css" href="css/jquery.fancybox-1.3.4.css" media="screen" />
        <script type="text/javascript">
            stepcarousel.setup({
                galleryid: 'carousel', //ID del div que contiene el carrusel
                beltclass: 'belt', //Clase del primer div dentro del carrusel, que contiene al resto de divs
                panelclass: 'panel', //Clase de cada panel individual
                autostep: {enable:true, moveby:1, pause:3000},
                panelbehavior: {speed:500, wraparound:true, persist:true},
                statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
                contenttype: ['external'] //content setting ['inline'] or ['external', 'path_to_external_file']
            })
        </script>

    </head>
    <body>
        <div id="borde">
            <div id="wrap">
                <div id="cabecera">
                    <div id="contenedor-slider" style="">
                        <div id="slider">
                            <div class="imagen-slider img1"></div>
                            <div class="imagen-slider img2"></div>
                            <div class="imagen-slider img3"></div>
                            <div class="imagen-slider img4"></div>
                        </div>
                        <div class="control_banner">
                            <div class="control_marcas">
                                <span onclick="ir_banner(0)" class="control_marcas_item control_activo" id="b1"></span>
                                <span onclick="ir_banner(1)" class="control_marcas_item control_desactivo" id="b2"></span>
                                <span onclick="ir_banner(2)" class="control_marcas_item control_desactivo" id="b3"></span>
                                <span onclick="ir_banner(3)" class="control_marcas_item control_desactivo" id="b4"></span>
                            </div>
                            <div class="control_banner_botones">
                                <a href="javascript:anterior_banner();" class="control_banner_boton"><img src="imagenes/cabecero/anterior.png" alt=""/></a>
                                <a id="btn_pause" href="javascript:pause();" class="control_banner_boton"><img src="imagenes/cabecero/pause.png" alt=""/></a>
                                <a id="btn_play" href="javascript:play();" class="control_banner_boton dnone"><img src="imagenes/cabecero/play.png" alt=""/></a>
                                <a href="javascript:siguiente_banner();" class="control_banner_boton"><img src="imagenes/cabecero/siguiente.png" alt=""/></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="navegacion">
                    <ul class="topnav">
                        <li>
                            <a href="#">Géneros</a><span class="flecha"></span>
                            <ul class="subnav">
                                <li><a href="paginas/cienciaFiccion.html">Ciencia ficción</a></li>
                                <li><a href="paginas/accion.html">Acción</a></li>
                                <li><a href="paginas/terror.html">Terror</a></li>
                                <li><a href="paginas/fantasia.html">Fantasía</a></li>
                                
                               
                            </ul>
                        </li>
                        <li>
                            <a href="#">Top 5</a><span class="flecha"></span>
                            <ul class="subnav">
                                <li><a href="paginas/battleship.html">1. Battleship</a></li>
                                <li><a href="paginas/piratas.html">2. Piratas en el Caribe</a></li>
                                <li><a href="paginas/resident.html">3. Resident Evil 4</a></li>
                                <li><a href="paginas/sherlock.html">4. Sherlock Homes 2</a></li>
                                <li><a href="paginas/thor.html">5. Thor</a></li>
                                
                            </ul>
                        </li>
                        <li><a href="paginas/contacto.html">Contacto</a></li>
                    </ul>
                    <form action="#" id="buscador">
                        <input class="texto" type="text" size="20" />
                        <input type="submit" class="busca" value="buscar" />
                    </form>
                </div>

                <div id="contenido">
                    <div id="actualidad" class="noticia">
                        <div class="contenido_cabecera">
                            Actualidad: Kristen Bell, Dax Shepard y Bradley Cooper, cabezas de cartel de 'Outrun'
                        </div>
                        <div class="contenido_principal" >
                            Exclusive Media Group se ha hecho con los derechos internacionales de la "comedia romántica de acción de alto octanaje" escrita por Dax Shepard 'Outrun', quien será además uno de sus protagonistas y codirector de la misma junto a David Palmer, con quien en 2010 ya dirigió 'Brothers Justice'.
                            Compartiendo plano junto a Shepard y delante de las cámaras en los otros dos papeles principales veremos a su pareja en la vida real, Kristen Bell, así como a Bradley Cooper (a quien por cierto hoy mismo hemos podido ver en las primeras imágenes de 'The Place Beyond the Pines', su nuevo trabajo). Completan el reparto Tom Arnold, Kristin Chenoweth, Beau Bridges, David Koechner, Joy Bryant y Ryan Hansen.
                            La película se centra en un ex-piloto de fugas (Shepard) que evade el programa de protección de testigos con el fin de llevar a su novia (Bell) a Los Ángeles para que esta pueda hacerse con el trabajo de su vida. Sin embargo, tanto las autoridades pertinentes como los integrantes de su antigua banda, comandados por el personaje de Cooper, se enterarán de su reaparición en la escena pública y y dara comienzo a una persecución sin freno.
                        </div>
                        
                    </div>

                    <div class="noticia">
                        <div class="contenido_cabecera">
                            Galería imágenes: Carteles de "Infiltrados"                         
                        </div>
                        <div class="contenido_principal" >
                            <p> Abalada por grandes críticas llega está nueva película de Martin Scorsese con un plantel de actores excepcional y una trama policial digna del mismísimo Eliot Ness... </p>

                            <div class="button-next">
                                <a href="javascript:stepcarousel.stepBy('carousel', 1)"><img src="imagenes/carrusel/arrow_right.png" alt=""/></a>
                            </div>

                            <div class="button-prev">
                                <a href="javascript:stepcarousel.stepBy('carousel', -1)"><img src="imagenes/carrusel/arrow_left.png" alt=""/></a>
                            </div>

                            <div id="carousel" class="stepcarousel">
                                <div class="belt">
                                    <div class="panel">
                                        <img src="imagenes/carrusel/infiltrados1.jpg" alt=""/>                                                           
                                    </div>
                                    <div class="panel">
                                        <img src="imagenes/carrusel/infiltrados2.jpg" alt=""/>                                                           
                                    </div>
                                    <div class="panel">
                                        <img src="imagenes/carrusel/infiltrados3.jpg" alt=""/>                                                           
                                    </div>
                                    <div class="panel">
                                        <img src="imagenes/carrusel/infiltrados4.jpg" alt=""/>                                                            
                                    </div>
                                    <div class="panel">
                                        <img src="imagenes/carrusel/infiltrados5.jpg" alt=""/>                                                          
                                    </div>	
                                </div>
                            </div>
                        </div>
                        

                    </div>
                </div>

                <div id="menu">
                    <div class="menu_separador">
                        Menú
                    </div>
                   
                    <ul class="menu_caja">
                        
                        <li><a href="paginas/estrenos.html">Estrenos</a></li>
                        <li><a href="paginas/curiosidades.html">Curiosidades</a></li>
                        <li><a href="paginas/lanzamientosDVD.html">Lanzamientos DVD</a></li>
                        
                    </ul>
                         
                    <div class="menu_separador">
                        Iniciar sesión
                    </div> 
                    <div id="login_form"></div>
                    <script type="text/javascript" src="http://widgets.twimg.com/j/2/widget.js"></script>
                        <script type="text/javascript">
                        new TWTR.Widget({
                          version: 2,
                          type: 'search',
                          search: 'estrenos de cine',
                          interval: 30000,
                          title: 'Tweets sobre',
                          subject: 'Estrenos de Cine',
                          width: 200,
                          height: 300,
                          theme: {
                            shell: {
                              background: '#616566',
                              color: '#ffffff'
                            },
                            tweets: {
                              background: '#ffffff',
                              color: '#444444',
                              links: '#3d2ee6'
                            }
                          },
                          features: {
                            scrollbar: false,
                            loop: true,
                            live: true,
                            behavior: 'default'
                          }
                        }).render().start();
                        </script>
                </div>

                <div id="pie">
                    
                    <a href="http://validator.w3.org/check?uri=referer"><img
                    src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
                    <div id="enlaces_pie">
                     <a href="http://masterinftel.uma.es/"><img src="imagenes/logos/logo_inftel.png" alt="master Inftel"/></a>
                     <a href="http://www.uma.es"><img src="imagenes/logos/logo_uma.JPG" alt="uma"/></a>
                     <a href="http://fundacion.vodafone.es/fundacion/es"><img src="imagenes/logos/logo_vodafonne.jpg" alt="fundación vodafone"/></a>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>
